import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)

// 测试
import { reqgetCategoryList } from '@/api'
import { reqGetSearchInfo } from '@/api'

reqgetCategoryList()

// 三级联动组件---全局组件
import TypeNav from '@/components/TypeNav/typeNav.vue';
import Carousel from '@/components/Carousel/Carousel.vue';

// 第一个参数：全局组件的名字 第二个参数：哪一个组件 
Vue.component(TypeNav.name, TypeNav)
Vue.component(Carousel.name, Carousel)


// 引入MockServe.js----mock数据
import '@/mock/mockServe.js'

// 引入swiper样式
import 'swiper/css/swiper.css'

new Vue({
    // 注册路由信息：当这里书写router的时候，组件身上都拥有$route,$router属性
    router,
    // 注册仓库：组件实例的身上会多一个属性,$store属性
    store,
    render: h => h(App),
    // 全局事件总线$bus配置
    beforeCreate() {
        Vue.prototype.$bus = this;
    },
}).$mount('#app')